<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 101 Template</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="../static/bootstrap/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="../static/bootstrap/css/bootstrap-theme.css"/>

    <style type="text/css">
        .contactUs {

        }
    </style>
    <script type="text/javascript" src="../static/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../static/bootstrap/js/bootstrap.js"></script>


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="row" style="margin-top: 30px;">
        <div class="col-md-2 col-md-offset-4" style="font-style: italic;font-family: Arial">
                          "In the words of the child -<br> I hear and I forget,<br> I see and I remember,<br> I do and I understand."<br> - Dr. Maria Montessori

        </div>
        <div class="col-md-2" >
            "我听见了, 但我忘了;<br>我看见了, 就记住了;<br>我做了,我才理解了."<br> - 玛利亚 蒙特梭利
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">

            <img src="headernotext.png" alt="header"/>
        </div>

    </div>
    <div class="row">
        <div class="col-md-2">
            <ul class="nav nav-pills nav-stacked" style="padding-top: 20px;width: 100px;">
           <li ><a href="#" >首页</a> </li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">蒙特梭利</a></li>
            <li><a href="#">课程</a></li>
            <li><a href="#">照片集</a></li>
        </ul></div>
        <div class="col-md-6"><img src="content.png" alt=""/></div>
        <div class="col-md-3">
            <div class="row">
                <div class="col-md-12"> wx qq</div>

            </div>
            <div class="row" style="border: 1px solid #d4d4d4;border-radius: 8px;color: #8f8f8f;padding: 10px 5px 10px 5px;">

                <div class="row">
                    <div class="col-md-4 col-md-offset-8">联系我们</div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-md-offset-6">400041100**99</div>
                </div>
                <div class="row">
                    <div class="col-md-12" >邮箱:479574123@qq.com</div>
                </div>
                <div class="row">
                    <div class="col-md-12" >传真:8641186828281</div>
                </div>
                <div class="row"  >
                    <div class="col-md-4 col-md-offset-8">新浪微博</div>
                </div>
            </div>

            <div class="row" style="border:1px solid #808080;border-radius: 8px;margin-top: 10px;padding: 20px 0 5px 0;background-color: #EDE6D3;">

                <div class="col-md-12" >
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-12" style="text-align: center;">课程体验申请</label>


                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-4 control-label">手机号</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="inputEmail3" placeholder="手机号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-4 control-label">出生日期</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="inputPassword3" placeholder="出生日期">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-4 control-label">宝宝小名</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="name" placeholder="宝宝小名">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-8 col-sm-3">
                                <button type="submit" class="btn btn-warning btn-sm">预定</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12"><img src="footer.png" alt=""/></div>

    </div>

</div>

</body>
</html>